@charset "UTF-8";
/*
********************************外层框架 start********************************
*/
/*头部开始*/
.top{background-color: #fff;}
.topBj{background: url(../test/topBj.png);height: 90px;}
.logo{padding: 18px 0 12px 0;}
.logo img{height: 50px;}
.topR{padding-top: 30px;}
.topSearch{width: 250px;overflow: hidden;background: #ffffff;border: 1px solid #9496c3;border-radius: 2px;}
.topSearch .inpBox{width:195px;z-index:0;}
.topSearch .input{width:100%;padding: 0 0 0 27px;box-sizing: border-box;-webkit-box-sizing: border-box;height:35px;line-height: 35px;background:none;border:none;}
.topSearch .input input::-webkit-input-placeholder {color: #d9d8d8; /* placeholder颜色  */font-size: 16px;/* placeholder字体大小  */text-align: left; /* placeholder位置  */}
.searchBtn{display: block;height:35px;overflow: hidden;background: url(../images/search.png) no-repeat center center;position: relative;background-color: #292e88;}
.topR .fenGe {display: block;position: relative;width: 1px;height: 25px;float: left;margin-top: 5px;background-color: #d7d7d7;margin-left: 30px;}
.topR .OA{height: 41px;float: left;margin-left: 30px;}
/* 导航 */
.menuBox {background: #1e5ab1;position: relative;z-index: 1;}
.menuDl{display: flex;}
.menuDl dd{flex: 1;float: left;display: inline;position: relative;}
.topMenu{position: relative;z-index: 9;}
.topMenu a{display: block;line-height: 50px;text-align: center;color: #FFFFFF;font-size: 16px;}
.menuDl dd+dd::before{content: '';}
.menuDl dd.hover .topMenu a,.topMenu a:hover{background-color: #1e48a5;color: #FFFFFF;font-weight: bold;}
.twoMenu{position: absolute;top: 100%;left: 0;width: 100%;background: #0000007a;display: none;z-index: 3;}
.twoMenu li{font-size: 14px;text-align: center;}
.twoMenu a{padding: 12px 0;line-height: 25px;display: block;color: #ffffff;margin-bottom:1px}
.twoMenu a:hover{color: #ffffff;}
.twoMenu li:hover a{color: #ffffff;font-weight: bold;background: #1e48a5;}
/*头部结束*/

/*底部开始*/

/*底部结束*/
/* 右边悬浮 start*/

/* 右边悬浮 end*/
/*
********************************外层框架 end********************************
*/
/*
********************************首页样式 start********************************
*/

/*banner开始*/
.indexBanner{position: relative;}
.indexBannerLoad{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 1.3s;-webkit-transition: all 1.3s;}
.indexBannerLoad svg{-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;width: 100px;height: 100px;fill: rgb(215, 23, 24);}
.indexBannerLoad.hide{ visibility: hidden; opacity: 0;}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg);transform:rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
.indexBanner .bd{height: 100%; overflow: hidden;}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{height: 100%;position: relative;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.indexBanner .mySlide a{display: block;height: 100%;width: 100%;}
.indexBanner .slick-dots{position: absolute;bottom: 30px;left: 0;width: 100%;text-align: center;font-size: 0;}
.indexBanner .slick-dots li{display: inline-block;width: 24px;height: 24px;border: 1px solid transparent;/* 透明 */border-radius: 50%;margin: 0 21px;vertical-align: middle;cursor: pointer;position: relative;}
.indexBanner .slick-dots li::after{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;border-radius: 50%;margin: -5px 0 0 -5px;background-color: #fff;}
.indexBanner .slick-dots li.slick-active{border-color: #fff;}

.indexcol1Bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.indexBanner .mySlide.slick-active .indexcol1Bg{
	animation: changeScale2 5s forwards linear;
	-webkit-animation: changeScale2 5s forwards linear;
}
@keyframes changeScale2
{
0%   {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
100% {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
}
@-webkit-keyframes changeScale2 /* Safari 和 Chrome */
{
0%   {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
100% {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
}
/*banner结束*/
/* 公共 */

/* 公共 */
/*第一通栏 start*/
.c1{overflow: hidden; background:url(../test/c1Bj.jpg)no-repeat center center;padding: 70px 0;min-height: 685px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.c1L{overflow: hidden;padding: 60px 24px 0 0;width: 35.4286%;display: inline;float: left;margin-right: 20px;}
.c1L span{height: 40px;line-height: 40px;font-size: 28px;color: rgba(102,102,102,0.3);}
.c1L .title{height: 52px;line-height: 52px;font-size: 36px;color: #333333;margin-bottom: 45px;}
.c1L .info{height: 112px;line-height: 28px;font-size: 16px;color: #666666;margin-bottom: 75px;text-align: justify;}
.indexBtn{position: relative;display: block;height: 48px;line-height: 48px;width: 250px;overflow: hidden;border: 1px solid #d2d2d2;color: #666666;border-radius: 25px;padding-left: 30px;font-size: 14px;z-index: 1;margin-top: 40px;transition: 0.3s;-webkit-transition: 0.3s;}
.indexBtn span{background: url(../images/changjt1.png) no-repeat center center;width: 25px;height: 100%;position: absolute;right: 30px;top: 0;transition: 0.5s;-webkit-transition: 0.5s;}
.indexBtn:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 48px;background: #292e88;z-index: -1;box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.indexBtn:hover {color: #eff0f2;}
.indexBtn:hover span{background-image: url(../images/changjt.png)}
.indexBtn:hover:before {width: 100%;}
@-webkit-keyframes criss-cross-left {
  0% {left: -20px;}
  50% {left: 50%;width: 20px;height: 20px;}
  100% {left: 50%;width: 100%;height: 48px;}
}

@keyframes criss-cross-left {
  0% {left: -20px;}
  50% {left: 50%;width: 20px;height: 20px;}
  100% {left: 50%;width: 100%;height: 48px;}
}
@-webkit-keyframes criss-cross-right {
  0% {right: -20px;}
  50% {right: 50%;width: 20px;height: 20px;}
  100% {right: 50%;width: 100%;height: 48px;}
}
@keyframes criss-cross-right {
  0% {right: -20px;}
  50% {right: 50%;width: 20px;height: 20px;}
  100% {right: 50%;width: 100%;height: 48px;}
}

.c1R{width: 59.5714%;position: relative;background: url(../test/c1Img.jpg)no-repeat center center;background-size: 100% 100%;}
.c1RList{width: 100%;}
.c1RList .item{width: 33.3333%;display: inline;float: left;position: relative;z-index: 0;}
.c1RList .item a{display: block;position: relative;}
.c1RList .item a .pic{position: relative;transition:all 500ms linear;-webkit-transition:all 500ms linear;opacity: 0;}
.c1RList .item a .pic::before{display: block;content: '';padding-top: 196.0431%;}
.c1RList .item a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.c1RList .item a .text{position: absolute;left:0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.15);z-index: 1;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;color: #fffefe;}
.c1RList .item a .text .title{height: 58px;line-height: 58px;font-size: 48px;font-family: '858-CAI978';}
.c1RList .item a .text .title span{height: 20px;line-height: 20px; font-size: 20px;position: relative;top: -5px;}
.c1RList .item a .text .info{height: 40px;line-height: 40px;font-size: 18px;}
.c1RList .item:hover{z-index: 1;}
.c1RList .item:hover .pic{transform: scale(1.05);-webkit-transform:scale(1.05);opacity: 1;}
.c1RList .item:hover a .text{background: rgba(0,0,0,0);text-align: center;}
/*第一通栏 end*/
/*第二通栏 start*/
.c2{background-color: #fff;padding: 40px 0 50px 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexTitle{position: relative;overflow: hidden;margin-bottom: 36px;}
.indexTitleL{display: inline;float: left;}
.indexTitleL span{height: 40px;line-height: 40px;font-size: 28px;color: rgba(102,102,102,0.3);}
.indexTitleL .title{height: 52px;line-height: 52px;font-size: 36px;color: #333333;}
.c2 .slickC2{width: 94%;height: 100%;top: 0;left: 50%;position: relative;margin-left: -698px;border-top-left-radius: 50px;}
.c2Slick{position: relative;font-size: 0;}

.c2Slick .bd {overflow: hidden;}
.c2Slick .slick-list {overflow: visible; margin-right: -15px;}
.c2SlickPage{padding-top: 50px;}
.c2SlickPage .c2page{margin-right: 30px;}
.c2SlickPage .c2page .curt{font-size: 24px;color: #292e88;}
.c2SlickPage .c2page .total{font-size: 16px;color: #888888;}
.c2SlickPage .c2Dots{overflow: hidden;padding-top: 14px;}
.c2SlickPage .c2Dots .slick-dots{font-size: 0;}
.c2SlickPage .c2Dots .slick-dots li{width:10px;height: 10px;border-radius: 50%;margin: 0 9px;background:#d2d2d2;cursor: pointer;display: inline-block;vertical-align: middle;transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.c2SlickPage .c2Dots .slick-dots li.slick-active{background: #292e88;}
.c2Slick .myslide{float: left;display: inline;width: 30.7292%;}
.c2Slick .myslide .con{margin-right: 20px;}
.c2Slick .myslide .con a{display: block;}
.c2Slick .pic {overflow: hidden;position: relative;}
.c2Slick .pic::before{display: block;content: '';padding-top: 66.6102%;}
.c2Slick .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;object-position: center center;}
.c2Slick .text{position: absolute;left: 0;bottom: 0;width: 100%; height: 76px;line-height: 76px;font-size: 20px;color: #FFFFFF;padding: 0 20px;-webkit-box-sizing: border-box;z-index: 2;}
/*第二通栏 end*/
/*第三通栏 start*/
.c3{background:url(../test/c3Bj.jpg)no-repeat center center;min-height: 713px;padding-top: 40px; box-sizing: border-box;-webkit-box-sizing: border-box;}
.c3Slick{position: relative;width: 52.8571%;display: inline; float: left;margin-right: 40px;}
.c3Slick .bd{overflow: hidden;}
.c3Slick .bd .slick-dots{position: absolute;right: 40px;bottom: 15px;z-index: 2;line-height: 12px;font-size: 0;}
.c3Slick .bd .slick-dots li{width:10px;height: 10px;border-radius: 50%;margin: 0 8px;cursor: pointer;display: inline-block;vertical-align: middle;border: 1px solid #fff;}
.c3Slick .bd .slick-dots li.slick-active{background: #FFFFFF;}
.c3Slick .slick-list{overflow: visible;}
.c3Slick .myslide{float: left;display: inline;}
.c3Slick .pic{overflow: hidden;position: relative;}
.c3Slick .pic::before{display: block;content: '';padding-top: 66.6216%;}
.c3Slick .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;object-position: center center;}
.c3Slick .textNew{width: 100%; position: absolute;left: 0;bottom: 0; height: 45px;line-height: 45px;background-color: rgb(41,46,136,0.7);font-size: 18px;color: #fcfcfd;padding-left:40px;padding-right: 150px; box-sizing: border-box;-webkit-box-sizing: border-box;}
.c3TextList{overflow: hidden;}
.c3TextList dd{height: 108px;background-color: #fff;padding: 26px 35px 18px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;margin-bottom: 20px;border-bottom-right-radius:30px ;}
.c3TextList dd .text1{display: inline;float: left;margin-right: 60px;text-align: center;}
.c3TextList dd .text1 span{font-size: 18px;height: 20px;line-height: 20px;color: #333333;}
.c3TextList dd .text1 .title{font-size: 18px;height: 34px;line-height: 34px;color: #333333;margin-top: 10px;}
.c3TextList dd .info{font-size: 18px;height: 64px;line-height: 32px;color: #333333;}
.c3TextList dd a:hover{color: #292e88;}

/*第三通栏 end*/
/*第四通栏 start*/
.c4{overflow: hidden; background-color: #fff;padding: 50px 0;}
.c4 .video{width: 86.4583%; position: relative;}
.c4 .video .pic{width: 83.1325%;position: relative;border-bottom-right-radius:35px;overflow: hidden;}
.c4 .video .pic::before{display: block;content: '';padding-top: 41.1594%;}
.c4 .video .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.c4 .video .play .text{font-size: 30px;height: 50px;line-height: 50px;color: #fff;position: absolute;top: 50%;left: 44%;margin-top: -25px;}
.c4 .video .play{display: block;position: absolute;left: 0;top: 0;width: 83.1325%;height: 100%;background: rgba(0,0,0,0.3);z-index: 1;border-bottom-right-radius:35px;}
.c4R{position: absolute;border-radius: 50%;overflow: hidden;width: 34.2167%; right: 0;top: 0;background: url(../images/play.png) no-repeat center center;z-index: 3;}
.c4R .text{display: inline;position: absolute;top: 50%;right: 70px;margin-top: -40px;text-align: center;}
.c4R .text .title{font-size: 36px;height: 44px;line-height: 44px;color: #cbcaca;font-weight: bold;}
.c4R .text span{font-size: 20px;height: 36px;line-height: 36px;color: #333333;}
.c4R::before{display: block;content: '';padding-top: 100%;}
.c4R .line{position: absolute;width: 100%;height: 100%;top: 0;left: 0;box-sizing: border-box;border: 1px solid rgba(54,58,143,0.4);z-index: 2;transform: scale(0);-webkit-transform: scale(0);border-radius: 100%;animation: lineshine 5s linear infinite;-webkit-animation: lineshine 5s linear infinite;}
.c4R .line1{animation-delay: 0s;}
.c4R .line2{animation-delay: 1s;}
.c4R .line3{animation-delay: 2s;}
.c4R .line4{animation-delay: 3s;}
.c4R .line5{animation-delay: 4s;}
@keyframes lineshine{
	0%{
		transform: scale(0.2);
		opacity: 0.8;
	}
	20%{
		transform: scale(0.4);
		opacity: 0.64;
	}
	40%{
		transform: scale(0.6);
		opacity: 0.48;
	}
	60%{
		transform: scale(0.8);
		opacity: 0.32;
	}
	80%{
		transform: scale(1);
		opacity: 0.16;
	}
	100%{
		transform: scale(1.2);
		opacity: 0;
	}
}
@-webkit-keyframes lineshine{
	0%{
		transform: scale(0.2);
		opacity: 0.8;
	}
	20%{
		transform: scale(0.4);
		opacity: 0.64;
	}
	40%{
		transform: scale(0.6);
		opacity: 0.48;
	}
	60%{
		transform: scale(0.8);
		opacity: 0.32;
	}
	80%{
		transform: scale(1);
		opacity: 0.16;
	}
	100%{
		transform: scale(1.2);
		opacity: 0;
	}
}
/*第四通栏 end*/
/* 底部样式 start */
.footer{background:url(../test/footerBj.jpg);min-height: 320px;position: relative;overflow: hidden;}
.footer .box1{padding-top: 73px;display: inline;float: left;}
.footerLogo{position: relative;margin-bottom: 60px;}
.footerList{overflow: hidden;}
.footerList .item{overflow: hidden;display: inline;float: left; /* background: url(../images/mapIcon1.png) no-repeat left top; */padding-left: 58px;margin-right: 100px;}
.footerList .item span{font-size: 16px;color:rgb(255 255 255 / 0.6);height: 32px;}
.footerList .item div{font-size: 14px;color:rgb(255 255 255 / 0.6);height: 32px;line-height: 32px;}
.footer .box2{padding-top: 73px;}
.selectFSel {position: relative; width:310px; margin-bottom: 45px;border: 1px solid #484848;padding-left: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.selectFSel .seljg {padding-left: 10px;line-height: 46px;color: #7d7d7d;font-size: 14px;cursor: pointer;}
.selectFSel i{display: block;width: 10px;height: 46px;background: url(../images/footerXia.png) no-repeat center center;position: absolute;right: 10px;top: 0px;cursor: pointer;z-index: 2;}
.selectFSel .selTj{width: 100%;overflow: hidden;border: 1px solid #484848;max-height: 120px;overflow-y: auto;position: absolute;left: -1px;top: 46px;background: #242424;display: none;z-index: 100000}
.selectFSel .selTj::-webkit-scrollbar-thumb{background-color:#7d7d7d;}
.selectFSel .selTj a {display: block;height: 35px;line-height: 35px;padding-left: 10px;color: #7d7d7d;margin-bottom: 1px;font-size: 12px;}
.selectFSel .selTj a:hover {background: #fff;color: #242424;}
.selectFSel .selTj a.hover {background: #fff;color: #242424;}
.footer .box2 .gzwm{display: inline;float: right;position: relative;}
.footer .box2 .gzwm span{font-size: 14px;height: 30px;line-height: 30px; color: #666666;float: left;}
.wxEwm{width: 30px;height: 30px;display: inline;float: left;margin-left: 15px;}
.qqEwm{width: 30px;height: 30px;display: inline;float: left;margin-left: 15px;}
.wbEwm{width: 30px;height: 30px;display: inline;float: left;margin-left: 15px;}
.footer .box2 .gzwm .ewm{text-align: center;position: absolute;top: -110px;right: 50px;display: none;width: 110px;height: 110px;}
.footer .box2 .gzwm .ewm .icn{width: 110px; height: 110px;margin-bottom: 5px;}
.footer .box2 .gzwm .ewm .icn img{width: 100%; height: 100%;}
.footer .box2 .gzwm .ewm.hover{display: block;z-index: 10;}
.footer .box2 .gzwm .ewm1{text-align: center;position: absolute;top: -110px;right: 5px;display: none;width: 110px;height: 110px;}
.footer .box2 .gzwm .ewm1 .icn{width: 110px; height: 110px;margin-bottom: 5px;}
.footer .box2 .gzwm .ewm1 .icn img{width: 100%; height: 100%;}
.footer .box2 .gzwm .ewm1.hover{display: block;z-index: 10;}
.footer .box2 .gzwm .ewm2{text-align: center;position: absolute;top: -110px;right: -40px;display: none;width: 110px;height: 110px;}
.footer .box2 .gzwm .ewm2 .icn{width: 110px; height: 110px;margin-bottom: 5px;}
.footer .box2 .gzwm .ewm2 .icn img{width: 100%; height: 100%;}
.footer .box2 .gzwm .ewm2.hover{display: block;z-index: 10;}
.footerBottom{width: 100%; position: absolute;left: 0;bottom: 0px; font-size: 14px;height: 50px;line-height: 50px;background-color: rgb(33 33 33 / 0.7);}
.footerBottom .text{width: 1400px;height: 50px;margin: 0 auto;}
.footerBottom span{margin: 0 2px;color: #666666;}
.footerBottom img{margin: 0 2px;vertical-align: middle;}
.footerBottom a{color: #666666;}
.footerBottom a:hover{color: #FFFFFF;}
/* 底部样式 end */
/*
********************************首页样式 end********************************
*/
/*内页框架开始*/
/*内页banner*/
.subBanner{position: relative;height: 553px;}
.subBannerC{overflow: hidden;height: 40px;position: absolute;top: 50%;margin-top: -20px;}
.subBannerC .text{height: 40px;color: #fff;}
.subBannerC .text .title{font-size: 36px;line-height: 40px;display: inline;float: left;margin-right: 20px;}
.subBannerC .text span{font-size: 26px;line-height: 30px;border-bottom: 1px solid #fff;overflow: hidden;padding-bottom: 4px;text-transform: uppercase;}
/*当前位置*/
.locationBox{clear:both;width: 100%;height: 60px;background: #fff;box-shadow:0 3px 5px #dcdcdc;}
.location{height: 60px;overflow: hidden;padding-left: 24px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/home.png);}
.location a{display: inline;float: left;height: 60px;line-height: 60px;padding-left: 12px;margin-right: 10px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/icon8.png);color: #a3a3a3;font-size: 14px;}
.location a:hover{color:#1e5ab0}
.location a.hover{color:#1e5ab0}

/*内页导航*/
.nav{margin-right:-15px;}
.nav a{display: inline;float: left;line-height: 60px;height:57px;color: #666666;font-size: 14px;padding:0 22px;}
.nav a.hover{color: #1e48a5;font-weight: bold;}
.nav a:hover{color: #1e48a5;font-weight: bold;}
/*页码开始*/
.page{padding:30px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #292e88;color: #fff;}
.page a.hover{background: #292e88;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{width: 11px;height: 19px;background-position: center center;background-repeat: no-repeat;}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}
/*页码结束*/
/*内页框架结束*/